﻿<%@ Page Language="C#" MasterPageFile="~/MasterBackEnd.Master" AutoEventWireup="true" CodeFile="Role.aspx.cs" 
 Inherits="Pages_Config_Admin" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script src="/Js/Pages/Config/Role.js" type="text/javascript"></script>
    <script src="/Js/Popup/ShowListAdminNotInRole.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            pages_admin_Role.documentReady();
        });
    </script>
    <style type="text/css">
        #divListUserInRole span
        {
            font-weight: normal;
            font-size: 11px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="Server">
    <div style="margin-top: 30px;" class="tabs_wrapper">
        <ul class="tabs">
            <li class="selected tab_link"><span class="tab_link">Quản lý Role</span> </li>
        </ul>
    </div>
    <div class="container_data" id="divList">
        <div class="header_container">
            <span class="container_text">Danh sách Role</span>
            <div class="adminBox_Control">
                <div class="action" id="btnAddRole" style="background: url(/images/icon_add.gif) no-repeat scroll 3px 3px #C1E4FF;">
                    Thêm mới</div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="content padding0">
            <div class="detailprice " style="padding: 2px;">
                <div id="divListRole">
                </div>
                <div style="clear: both;">
                </div>
            </div>
        </div>
    </div>
    <div id="divDetail">
        <div class="content_info" style="padding-left: 0px;">
            <ul>
                <li style="width: 50%; padding-right: 30px; padding-left: 0px;">
                    <div class="container_data" id="divInfoRole" style="display: none">
                        <div class="header_container">
                            <span class="container_text">Thông tin Role</span>
                            <div class="adminBox_Control">
                                <div class="action" id="btnUpdateRoleInfo" style="background: url(/images/icon_save.gif) no-repeat scroll 3px 3px #C1E4FF;">
                                    Cập nhật</div>
                                <div class="action" id="btnCancelRoleInfo" style="background: url(/images/icon_close.gif) no-repeat scroll 3px 3px #C1E4FF;">
                                    Bỏ qua
                                </div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="content padding0">
                            <div class="form form_3cols">
                                <div class="content_info">
                                    <ul>
                                        <li class="content_info_left">Tên Role:</li>
                                        <li class="content_info_right">
                                            <input type="text" id="txtRoleName" style="width: 300px" /></li>
                                        <div style="clear: both;">
                                        </div>
                                    </ul>
                                </div>
                                <div class="content_info">
                                    <ul>
                                        <li class="content_info_left">Mô tả:</li>
                                        <li class="content_info_right">
                                            <textarea id="txtRoleDescription" class="formcart2" name="" style="width: 303px;
                                                height: 70px; vertical-align: top; font-size: 12px" /></textarea></li>
                                        <div style="clear: both;">
                                        </div>
                                    </ul>
                                </div>
                                <div style="clear: both">
                                </div>
                                <div class="content_info">
                                    <ul>
                                        <li class="content_info_left">Trạng thái:</li>
                                        <li class="content_info_right">
                                            <select id="ddlRoleStatus">
                                            </select></li>
                                    </ul>
                                </div>
                                <div class="clear">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="clear: both;">
                    </div>
                </li>
                <li style="width: 47%;">
                    <div class="container_data" id="divRoleUser" style="display: none">
                        <div class="header_container">
                            <span class="container_text">Danh sách Admin thuộc Role<span class="text_blue" style="font-size: 10px;
                                padding-left: 3px; font-weight: normal" id="spTotalAdmin"></span></span>
                            <div class="adminBox_Control">
                                <div class="action" id="aOpenPopupListAdmin" style="background: url(/images/icon_add.gif) no-repeat scroll 3px 3px #C1E4FF;">
                                    Thêm mới</div>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                        <div class="content padding0">
                            <div class="detailprice " style="padding: 2px;">
                                <div id="divListUserInRole">
                                </div>
                                <div style="clear: both;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="clear: both;">
                    </div>
                </li>
                <div style="clear: both;">
                </div>
            </ul>
            <div style="clear: both;">
            </div>
        </div>
        <div style="clear: both;">
        </div>
        <div class="container_data" id="divRolePermission" style="display: none">
            <div class="header_container">
                <span class="container_text">Phân quyền Role</span>
                <div class="clear">
                </div>
            </div>
            <div class="content padding0">
                <div class="form form_3cols">
                    <div style="padding: 10px">
                        <ul>
                            <li class="content_info_left" style="width: 25%">
                                <div style="padding-bottom: 15px">
                                    <span style="font-size: 12px; font-weight: bold">Tất cả chức năng</span>
                                </div>
                                <div>
                                    <ul id="ulFunctionNotInRole" class="tree treeview" style="text-align: left;">
                                    </ul>
                                </div>
                                <div style="clear: both;">
                                </div>
                            </li>
                            <li class="content_info_left" style="width: 10%">
                                <div class="command">
                                    <div class="btn-left">
                                        <a id="btnDeleteFunctionFromRole" href="javascript:;">
                                            <img height="18" width="18" src="/images/left.png" /></a>
                                    </div>
                                    <div class="btn-right">
                                        <a id="btnAddFunctionToRole" href="javascript:;">
                                            <img height="18" width="18" src="/images/right.png" /></a>
                                    </div>
                                    <div style="clear: both;">
                                    </div>
                                </div>
                                <div style="clear: both;">
                                </div>
                            </li>
                            <li class="content_info_right" style="width: 50%; float: right">
                                <div style="padding-bottom: 15px">
                                    <span style="font-size: 12px; font-weight: bold">Chức năng tương ứng với Role</span>
                                </div>
                                <div>
                                    <ul id="ulFunctionInRole" class="tree treeview">
                                    </ul>
                                    <div style="clear: both;">
                                    </div>
                                </div>
                                <div style="clear: both;">
                                </div>
                            </li>
                        </ul>
                        <div style="clear: both">
                        </div>
                    </div>
                    <div style="clear: both;">
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>